<header class="wrap clear">
{%for item in HeadImg%}
    <div class="hd-top">
        <p>欢迎访问佳仕德水处理科技有限公司！</p>
        <div class="hd-top-contact">
            <span></span>
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=903568345&site=qq&menu=yes"><span><i class="fa fa-qq" aria-hidden="true"></i></span></a>
            <span><i class="fa fa-phone-square" aria-hidden="true"></i>&nbsp;咨询热线：{{item.tel_text}}<div class="triangle-bottomleft"></div></span>
        </div>
    </div>
    <div class="hd-title">
        <img class="cl clear" src="{{item.logo.url}}">
        <span>{{item.logo_text}}</span>
    </div>
{%endfor%}

    <div class="hd-nav">
        <ul class="clear">
            <span class="triangle-bottomleft"></span>
            <li><a class="active" href="index.html">网站首页</a></li>
            <li><a href="tpls/product.html#mao">产品展示</a></li>
            <li><a href="tpls/profile.html">企业简介</a></li>
            <li><a href="tpls/team.html">团队精英</a></li>
            <li><a href="tpls/jszl.html">技术资料</a></li>
        </ul>
    </div>
</header>
<script src="/static/assets/js/jquery.min.js"></script>
<script src="/static/assets/js/jquery.reslider.js"></script>
<script>
    $(function() {
        $('.jquery-reslider').reSlider({
            speed: 1000, //设置轮播的高度
            delay: 5000, //设置轮播的延迟时间
            imgCount: 3, //设置轮播的图片数
            dots: true, //设置轮播的序号点
            autoPlay: true //设置轮播是否自动播放
        });
    });
</script>
<div class="wrap wrap-index">
    <!-- slider-->
    <div class="slider">
        <div class="jquery-reslider">
            <div class="slider-block" data-url="images/banner1.jpg">
                <a href="" target="_blank" style="display:block; width:1000px; height:500px; margin:0px auto;"></a>
            </div>
            <div class="slider-block" data-url="images/banner2.jpg">
                <a href="" target="_blank" style="display:block; width:1000px; height:500px; margin:0px auto;"></a>
            </div>
            <div class="slider-block" data-url="images/banner3.jpg">
                <a href="" target="_blank" style="display:block; width:1000px; height:500px; margin:0px auto;"></a>
            </div>
            <div class="slider-direction slider-direction-next"></div>
            <div class="slider-direction slider-direction-prev"></div>
            <div class="slider-dots">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- end build-->
</div>

<!-- jQuery -->

<!--<div><iframe src="haibao/hb.html" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="100%" height=500px id="iframepage" name="iframepage"></iframe></div>-->